{% extends "base.html" %}

{% block title %}Password change{% endblock %}

{% block content %}
    <div id="row text-center vertical-middle-sm">
        <h1>Change Password</h1>
        <p>Please enter your old password, for security's sake, and then enter you new password twice so we can verify
            you typed id in correctly.</p>
        {% if form.new_password1.help_text %}
            <div class="text-left" style="margin-right: 400px">
                <p>{{ form.new_password1.help_text|safe }}</p>
            </div>
        {% endif %}
        <form method="post" class="form-horizontal">{% csrf_token %}
            <div class="form-group">
                <label for="" class="col-md-5 control-label text-right">
                    {{ form.old_password.label_tag }}
                </label>
                <div class="col-md-6 text-left">
                    {{ form.old_password }}
                </div>
            </div>
            <div class="form-group">
                <label for="" class="col-md-5 control-label text-right">
                    {{ form.new_password1.label_tag }}
                </label>
                <div class="col-md-6 text-left">
                    {{ form.new_password1 }}
                </div>
            </div>
            <div class="form-group">
                <label for="" class="col-md-5 control-label text-right">
                    {{ form.new_password2.label_tag }}
                </label>
                <div class="col-md-6 text-left">
                    {{ form.new_password2 }}
                </div>
            </div>
            <input type="submit" value="Change my password" class="btn btn-primary btn-lg">
        </form>
    </div>

{% endblock %}
